// 2. 导入确认框实例
// import Dialog from '@vant/weapp/dialog/dialog';
Page({
  data: {
    houseList: []
  },
  onShow() {
    // 获取房屋列表
    this.getHouseList()
  },
  async getHouseList() {
    // 请求数据接口
    const data = await wx.http.get('/room')
    // 渲染数据
    this.setData({ houseList: data })
    console.log('房屋列表：', data)
  },
  deleteHouse(ev) {
    console.log('当前点击房源的 id：', ev.mark.id)
    const { position, instance } = ev.detail
    // 使用position判断点击的是左侧还是右侧划开显示的按钮：'left' 左侧划开按钮 ｜ 'right' 右侧划开按钮
    if (position === 'right') {
      // 显示 Dialog 对话框
      /**
       * 删除房屋：
       * 1. 用户确认
       * 2. 确认后，调用删除接口
       */
      // 方式 1：使用 vant 组件确认
      // Dialog.confirm({
      //   title: '提示',
      //   message: '亲，确认要删除当前房源吗？',
      // })
      //   .then(async () => {
      //     // 点了确定
      //     // 1. 调用删除接口
      //     await wx.http.delete(`/room/${ev.mark.id}`)
      //     // 2. 重新获取房屋列表
      //     this.getHouseList()
      //   })
      //   .catch(() => {
      //     // 点了取消
      //   });
      // 方式 2：使用 wx.showModal 确认
      wx.showModal({
        title: '提示',
        content: '亲，确认要删除当前房源吗？',
        showCancel: true,
        cancelText: '取消',
        cancelColor: '#000000',
        confirmText: '确定',
        confirmColor: '#3CC51F',
        success: async (result) => {
          console.log(result.confirm)
          if (result.confirm) {
            // 点击了确定=》result.confirm=true
            // 1. 调用删除接口
            await wx.http.delete(`/room/${ev.mark.id}`)
            // 2. 重新获取房屋列表
            this.getHouseList()

          } else {
            // 点击了取消=》result.confirm=false

          }
        },
        fail: () => { },
        complete: () => { }
      });

      // swiper-cell 滑块关闭
      instance.close()
    }
  },

  goDetail(ev) {
    wx.navigateTo({
      url: `/house_pkg/pages/detail/index?id=${ev.mark.id}`,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
